<div id="loginPage" data-role="page" data-theme="d">
<?php echo $this->element('header'); ?>
<?php echo $javascript->link('ui/login.ui.js');//表示部のJS?>
<?php

$useSpFlag = false;
//スマートフォンのユーザーエージェント
$ua_list = array(
  'iPhone',    // Apple iPhone
  'iPod',    // Apple iPod touch
  'Android',    // Android
  'dream',    // Pre 1.5 Android
  'CUPCAKE',    // 1.5+ Android
  'blackberry',    // blackberry
  'webOS',    // Palm Pre Experimental
  'incognito',    // Other iPhone browser
  'webmate'    // Other iPhone browser
  );

for($i=0; $i<sizeof($ua_list); $i++) {
  $str = "/".$ua_list[$i]."/i";
  $ret = preg_match($str, $_SERVER['HTTP_USER_AGENT']);
    if($ret != 0 ){
     $useSpFlag = true;
     break;
    }
}
if($useSpFlag){
	echo $html->image('/img/frexi-logo-sp.png',array('class' => 'loginPage-unit'));
} else {
	echo $html->image('/img/frexi-logo-pc.png',array('class' => 'loginPage-unit'));
}
echo '</br></br>';
echo $html->link( $html->image('/img/login_button.png') ,array('controler'=>'users','action'=>'auth_twitter') ,array('escape' => false ,'data-ajax' => 'false' ,'class' => 'loginPage-unit') );
// frexiのキャッチフレーズ

echo '<div class="frexi-str-frame">';
echo '<a href="http://tech-tokyo.com/teamc.html" target="_blank" style="color:red;font-size:20px" >いいねボタンを是非押して下さい！！！</a>';
echo '<div class="frexi-description">';
echo '<div>frexiは学生のための情報共有サイトです。</div>';
echo '<div>ソーシャルで豊かな学生生活を支援します</div>';
echo '<div>新入生も先輩からの情報をフライングゲット！(仮)</div>';
echo '</div></div>';

echo '<div class="frexi-str-frame">';
echo '<div class="frexi-description">';
echo '<div>frexiの特徴</div>';
echo '<div>１．位置情報、地図との連携</div>';
echo '<div>２．大学ごとの情報を取得</div>';
echo '<div>３．高機能なTwitterクライアント</div>';
echo '<p style="color:red;font-size:15px" >※動作環境:GoogleChrome及びモバイル端末</p>';
echo '</div></div>';
//echo '';
?>
</div>




